@font-face {font-family:avo;src: url(/Styles/font/UTM_Avo.ttf);}
@font-face {font-family:avoB;src: url(/Styles/font/UTM_AvoBold.ttf);}
@font-face {font-family:mulil;src: url(/Styles/font/Muli-Light.ttf);}
@font-face {font-family:muli;src: url(/Styles/font/Muli-Regular.ttf);}
@font-face {font-family:mulib;src: url(/Styles/font/Muli-Bold.ttf);}
@font-face {font-family:and;src: url(/Styles/font/SVN-Androgyne.ttf);}
@font-face {font-family:uhe;src: url(/Styles/font/UTM-HelvetIns.ttf);}
@font-face {font-family:agd;src: url(/Styles/font/SVN-Aguda-Regular.otf);}
@font-face {font-family:ble;src: url(/Styles/font/SVN-Blenda-Script.ttf);}
@font-face {font-family:avos;src: url(/Styles/font/SVN-Avo.ttf);}
@font-face {font-family:avosb;src: url(/Styles/font/SVN-Avo-bold.ttf);}
@font-face {font-family:azuki;src: url("/Styles/font/UTM Azuki.ttf");}
@font-face {font-family:swi;src: url("/Styles/font/UTM SWISS CONDENSED.ttf");}
@font-face {font-family:swib;src: url("/Styles/font/UTM SWISS CONDENSEDBOLD.ttf");}

@font-face {font-family:quickb;src: url("/Styles/font/Quicksand-Bold.ttf");}
@font-face {font-family:quickl;src: url("/Styles/font/Quicksand-Light.ttf");}
@font-face {font-family:quickm;src: url("/Styles/font/Quicksand-Medium.ttf");}
@font-face {font-family:quickr;src: url("/Styles/font/Quicksand-Regular.ttf");}
@font-face {font-family:quicksb;src: url("/Styles/font/Quicksand-SemiBold.ttf");}

@font-face {font-family:mavb;src: url("/Styles/MavenPro-Bold.ttf");}
@font-face {font-family:mavbl;src: url("/Styles/font/MavenPro-Black.ttf");}
@font-face {font-family:mavm;src: url("/Styles/font/MavenPro-Medium.ttf");}
@font-face {font-family:mavr;src: url("/Styles/font/MavenPro-Regular.ttf");}
@font-face {font-family:mavsb;src: url("/Styles/font/MavenPro-SemiBold.ttf");}


@font-face {font-family:rb;src: url("/Styles/font/ROBOTO-BOLD.ttf");}
@font-face {font-family:rbl;src: url("/Styles/font/ROBOTO-BLACK.ttf");}
@font-face {font-family:rm;src: url("/Styles/font/ROBOTO-MEDIUM.ttf");}
@font-face {font-family:rr;src: url("/Styles/font/ROBOTO-REGULAR.ttf");}
@font-face {font-family:rl;src: url("/Styles/font/ROBOTO-LIGHT.ttf");}

@font-face {font-family:fs;src: url(/Styles/font/FSAmeliaScriptFineVersion.otf);}
@font-face {font-family:vldoo;src: url(/Styles/font/VL_DOOTYPE-ENCORPADACLASSIC.otf);}

@font-face {font-family:ab;src: url("/Styles/font/Asap-Bold.ttf");}
@font-face {font-family:asb;src: url("/Styles/font/Asap-SemiBold.ttf");}
@font-face {font-family:am;src: url("/Styles/Asap-Medium.ttf");}
@font-face {font-family:ar;src: url("/Styles/font/Asap-Regular.ttf");}



@keyframes translateWelcome1 {
	0%   {transform: translateX(50%); opacity:0;} 
    75%   {transform: translateX(50%); opacity:0}  	
    100% {transform: translateX(0);}
}
@keyframes translateWelcome2{
	0%   {transform: translateX(-50%); opacity:0} 
    75%   {transform: translateX(-50%); opacity:0}  	
    100% {transform: translateX(0);}
}
@keyframes phone-icon {
  0% { transform: translate3d(0px, 0, 0) rotate(-35deg); }
  2% { transform: translate3d(2px, 0, 0) rotate(-35deg); }
  4% { transform: translate3d(-2px, 0, 0) rotate(-35deg); }
  6% { transform: translate3d(2px, 0, 0) rotate(-35deg); }
  8% { transform: translate3d(-2px, 0, 0) rotate(-35deg); }
  10% { transform: translate3d(2px, 0, 0) rotate(-35deg); }
  12% { transform: translate3d(-2px, 0, 0) rotate(-35deg); }
  14% { transform: translate3d(2px, 0, 0) rotate(-35deg); }
  16% { transform: translate3d(-2px, 0, 0) rotate(-35deg); }
  18% { transform: translate3d(2px, 0, 0) rotate(-35deg); }
  20% { transform: translate3d(-2px, 0, 0) rotate(-35deg); }
  22% { transform: translate3d(2px, 0, 0) rotate(-35deg); }
  24% { transform: translate3d(-2px, 0, 0) rotate(-35deg); }
  26% { transform: translate3d(2px, 0, 0) rotate(-35deg); }
  28% { transform: translate3d(-2px, 0, 0) rotate(-35deg); }
  30% { transform: translate3d(2px, 0, 0) rotate(-35deg); }
  32% { transform: translate3d(-2px, 0, 0) rotate(-35deg); }
  34% { transform: translate3d(2px, 0, 0) rotate(-35deg); }
  36% { transform: translate3d(-2px, 0, 0) rotate(-35deg); }
  38% { transform: translate3d(2px, 0, 0) rotate(-35deg); }
  40% { transform: translate3d(-2px, 0, 0) rotate(-35deg); }
  42% { transform: translate3d(2px, 0, 0) rotate(-35deg); }
  44% { transform: translate3d(-2px, 0, 0) rotate(-35deg); }
  46% { transform: translate3d(0em, 0, 0) rotate(-35deg); }
}
@keyframes phone-icon2 {
  0% { transform: translate3d(0px, 0, 0); }
  2% { transform: translate3d(2px, 0, 0); }
  4% { transform: translate3d(-2px, 0, 0); }
  6% { transform: translate3d(2px, 0, 0); }
  8% { transform: translate3d(-2px, 0, 0); }
  10% { transform: translate3d(2px, 0, 0); }
  12% { transform: translate3d(-2px, 0, 0); }
  14% { transform: translate3d(2px, 0, 0); }
  16% { transform: translate3d(-2px, 0, 0); }
  18% { transform: translate3d(2px, 0, 0); }
  20% { transform: translate3d(-2px, 0, 0); }
  22% { transform: translate3d(2px, 0, 0); }
  24% { transform: translate3d(-2px, 0, 0); }
  26% { transform: translate3d(2px, 0, 0); }
  28% { transform: translate3d(-2px, 0, 0); }
  30% { transform: translate3d(2px, 0, 0); }
  32% { transform: translate3d(-2px, 0, 0); }
  34% { transform: translate3d(2px, 0, 0); }
  36% { transform: translate3d(-2px, 0, 0); }
  38% { transform: translate3d(2px, 0, 0); }
  40% { transform: translate3d(-2px, 0, 0); }
  42% { transform: translate3d(2px, 0, 0); }
  44% { transform: translate3d(-2px, 0, 0); }
  46% { transform: translate3d(0em, 0, 0); }
}
@keyframes translateX1 {
    0%   {transform: translateX(50%);}     
    100% {transform: translateX(0);}
}
@keyframes translateX2 {
    0%   {transform: translateX(400%);}     
    100% {transform: translateX(0);}
}
@keyframes translateX3 {
    0%   {transform: translateX(800%);}     
    100% {transform: translateX(0);}
}
@keyframes translateX_1 {
    0%   {transform: translateX(-50%);}     
    100% {transform: translateX(0);}
}
@keyframes translateX_2 {
    0%   {transform: translateX(-400%);}     
    100% {transform: translateX(0);}
}
@keyframes translateX_3 {
    0%   {transform: translateX(-800%);}     
    100% {transform: translateX(0);}
}
@keyframes rotateLeft{
	0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(-180deg);
	}
	
100% {
		opacity: 1;
		transform-origin: 50% 0;
		transform: perspective(800px) rotateY(0);
	}
}
@keyframes phone-inner {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
            transform: translate3d(0, 0, 0) scale(0);
  }
  33.3333% {
    opacity: 0
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
  }
  66.6666% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
            transform: translate3d(0, 0, 0) scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
            transform: translate3d(0, 0, 0) scale(0);
  }
}
@keyframes phone-outer {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);opacity:.4;
            transform: translate3d(0, 0, 0) scale(1);    
  }
  33.3333% {
    -webkit-transform: translate3d(0, 0, 0) scale(2);opacity:0;
            transform: translate3d(0, 0, 0) scale(2);   
  }
  66.6666% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);opacity:0;
            transform: translate3d(0, 0, 0) scale(1); 
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);opacity:0;
            transform: translate3d(0, 0, 0) scale(1); 
  }
}


@-webkit-keyframes glitter {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  25% {
    -webkit-transform: scale(0.5);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes glitter {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  25% {
    -moz-transform: scale(0.5);
    opacity: 0;
  }
  50% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  75% {
    -moz-transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
body{margin: auto;padding:0;background: #fff;font-family: 'quickm';background-position: center top;}
body.changeback {background:#fff}
a {}
h1,h2,h3,h4,h5,h6,strong,b,a{font-family: 'quickm';}
.logo  {position: absolute;left: 0;top: 0;z-index: 9999;}
.logo a {display:block;margin-left: 26px;margin-top: 12px;}
.logo:after {content:"";width:173px;height:146px;position: absolute;background-image: url(/Design/bg-logo.png);background-repeat: no-repeat;background-size: 100% 100%;left: 0;top: 0;z-index: 1;}
.logo canvas {left: 0;top: 0;z-index: 2;}
.logo img {margin:0 !important;z-index: 2;}
.container{max-width: 1150px;margin:auto;box-sizing:border-box;width:96%;}
.header{/* border-top:6px solid #ca0c00 */position: relative;background-position: bottom center;background-size: 100% auto;}
.banner-page {display:block;overflow:hidden;position: relative;}
.banner-page img {width:100%;display:block;}
.banner-page.banner-title > a:before {content:"";position:absolute;left: 0;right: 0;bottom: 0;top: 0;background: rgb(0 9 28 / 85%);z-index: 1;}
.tit-category-page {text-align:center;position: absolute;top: 50%;transform: translate(0, -50%);left: 0;right: 0;z-index: 2;}
.tit-category-page a {display: inline-block;text-decoration: none;color: #fff;font-size: 45px;font-family: swib;background-image: url(/Design/before-tit-w.png);
    background-repeat: no-repeat;
    padding-left: 55px;
    background-position: 10px 14px;}
.comname {text-transform:uppercase;margin-top: 0;margin-left: 20px;}
.comname h4 {display:block;font-size: 18px;font-family: 'rm';color: #ffcc00;margin: auto;}
.comname h3 {display:block;font-size: 26px;color: #ffcc00;font-family: ab;margin: auto;}
.real-time {float:left;font-size: 14px;color: #ffffff;margin-top: 6px;}
.real-time p {display:inline-block;margin: auto;margin-left: 4px;}
.top-header {height: 28px;background: #0c2454;border-bottom: 1px solid #fff;}
.top-header .container{padding: 0px 0;/* overflow: hidden; */height: 100%;position: relative;}
.top-header i{}
.top-header .Address{float:left;font-weight:normal}
.top-header .hotline{float:left;margin-left:20px;font-weight:normal}
.top-header .hotline i{font-size:15px}
.top-header .daily{margin-right:20px;font-weight:bold;text-transform:uppercase}
.top-header .khuyenmai{margin-right:15px;font-weight:bold;text-transform:uppercase;animation:tada 3s infinite}
.top-header .khuyenmai:hover{color:#ca0c00}
.top-header .socal-link a{margin-left:5px;font-size:15px}
.holine-top {display:block;margin-bottom: 0;margin-top: 3px;color: #7eff67;float: left;/* overflow: hidden; */font-size: 13px;font-family: quickm;position: relative;}
.holine-top span {display:inline-block;/* overflow: hidden; */}
.holine-top a {text-decoration:none;padding-left: 0;padding-bottom: 0;color: inherit;font-family: inherit;display: inline-block;}
.holine-top a:nth-child(n+2) {margin-left: 15px;}
.holine-top i {color: #7eff67;font-size: 17px;text-align: center;display: inline-block;transform: rotate(-45deg);margin-top: 0;margin-right: 3px;}
.email-top {float:left;font-size: 13px;color: #ffffff;margin-left: 15px;margin-top: 5px;}
.email-top a {text-decoration:none;font-size: inherit;color: inherit;font-family: inherit;display: block;overflow: hidden;}
.email-top i {color: #7eff67;font-size: 15px;margin-right: 5px;margin-top: 1px;float: left;}
.menu-top {display:block;}
.menu-top ul {padding:0;margin:auto}
.menu-top li {display:inline-block;list-style:none;}
.menu-top a {display:block;font-size:15px;font-family:rm;text-transform:uppercase;color: #fff;text-decoration: none;padding: 0 8px;}
.top-header .right {margin-top: 0;text-align: right;}

.middle-header{height: 72px;text-align: right;background: #064b90;}
.middle-header .container{position:relative;height: 100%;}
.middle-header .logo{padding: 0px 0;position: relative;float: left;z-index: 99999;margin-top: 15px;}
.middle-header .logo canvas{}
.middle-header .logo img{height:100%;width:auto;display: none;}

.middle-header.fix {position:fixed;left:0;right:0;top:0;height: 50px;/* background: #021540; */background-position: bottom center;background-size: 100% auto;box-shadow: 1px 2px 5px #000;text-align: center;transition: 0.5s;z-index: 99999;}
.middle-header.fix nav {/* margin-top:0; */}
.middle-header.fix .right-top {/* margin-top: 13px; */}
.middle-header.fix nav .menusub {padding-top:0}

.middle-header hgroup{padding: 32.15px 0;margin-left:10px;}
.middle-header hgroup h2{font-size:28px;font-family:avob;text-transform:uppercase;color:#ca0c00}
.middle-header hgroup h4{color:#eeab51;font-family:avo;text-transform:uppercase;font-size:18px}
.middle-header .sloganhead{z-index: 9;position:  absolute;right: 22.1%;text-align:center;padding: 36.59px 0;}
.middle-header .sloganhead h2{font-family:avob;color:#ca0c00;font-size:20px;text-transform:uppercase;text-shadow:2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.middle-header .sloganhead h3{font-family:avob;color:#ffef38;font-size:20px;text-transform:uppercase;text-shadow:2px 0 0 #ca0c00, -2px 0 0 #ca0c00, 0 2px 0 #ca0c00, 0 -2px 0 #ca0c00, 1px 1px #ca0c00, -1px -1px 0 #ca0c00, 1px -1px 0 #ca0c00, -1px 1px 0 #ca0c00;}
.middle-header .photo-slide{position:relative}
.middle-header .photo-slide ul{overflow:hidden;margin:4px 0}
.middle-header .photo-slide ul li{width:97px;height:97px;overflow:hidden;border-radius: 50%;border:5px solid white;float:left;position: relative;}
.middle-header .photo-slide ul li img{width: 100%;height: 100%;float:left;position:  absolute;left:  0;top: 0;}
.middle-header .photo-slide ul li:first-child{margin:6.5px 0;margin-right:-15px;}
.middle-header .photo-slide ul li:nth-child(2){width:110px;height:110px;z-index:1}
.middle-header .photo-slide ul li:last-child{margin:6.5px 0;margin-left:-15px;}
.bot-header{position:relative;/* z-index: 1; */background:#ca0c00;}
.bot-header >.container{height:54.21px;}
nav {position:relative;z-index: 99998;display: inline-block;margin: auto;margin-right: 0;}
nav .container{position:relative;height: 106px;}
nav .menu_main{position: relative;padding: 0;margin: auto;height: 100%;display: block;}
nav .menu_main > li{float:left;z-index:0;position:relative;font-size: 16px;color: #fff;text-decoration: none;margin: auto;padding: 0;list-style: none;text-transform: uppercase;font-family: quicksb;margin: 0 0.5px;}
nav .menu_main > li:nth-child(n+3){/* margin-left: 0; */}
nav .menu_main > li:nth-child(5) {/* margin-left: 103px; */}
nav .menu_main > li > a{display: block;padding: 26px 24px;position:relative;transition:.4s;text-decoration: none;color: inherit;font-size: inherit;}
.middle-header.fix nav .menu_main > li > a {padding: 15px 31px;}
.middle-header.fix nav .menu_main > li.havesub > a:after {top: 33px;}
nav .menu_main > li > a:before{content:""; position:absolute;left: 50%;right: 50%;top: -1px;height: 2px;background: #51bf0f;transition: 0.5s;}
nav .menu_main > li.havesub > a:after{content:"\f107 ";position:absolute;border-top-color: #fff;right: 50%;top: 46px;font-family: "fontawesome";z-index: 1;font-size: 12px;}
nav .menu_main > li ul li a:after {}
nav .menu_main > li.home > a.active{}
nav .menu_main > li.none-mb {display:none}
nav .menu_main > li:nth-child(n+3):before{position:absolute;/* content:""; */border-left:1px solid #e8b065;width:1px;height:15px;top:40%;left:0;}
nav .menu_main > li:hover a,
.menu_main > li > a.active {background: #eeffe3;color:#064b90}
nav .menu_main > li:hover a:before,
.menu_main > li > a.active:before {left:0;right:0;}

.menusub{position: absolute;padding: 0px 0 0;margin: auto;display: block;text-transform: initial;box-shadow: 0 2px 28px 0 rgb(0 0 0 / 26%);transition:.5s;transform-origin: top center;transform: scale(1, 0);z-index:9999;width: 229px;text-align: left;}
.menusubf2 {left:100%;position: absolute;padding: 0px 0 0;margin: auto;display: block;text-transform: initial;box-shadow: 0 2px 28px 0 rgb(0 0 0 / 26%);transition:.5s;transform-origin: top center;transform: scale(1, 0);z-index:9999;width: 261px;text-align: left;top: 0;}
.havesub2 > a:after{content:"\f105";position:absolute;border-top-color: #fff;right: 15px;top: 17px;font-family: "fontawesome";z-index: 1;font-size: 12px;font-weight: bold;}
.havesub:hover .menusub{transform: scale(1)}
.menusub li{color:#333;background-color: #eeffe3;border-top: 1px solid #ececec;transition:.3s ease 0s;position:relative;list-style: none;display: block;}
.havesub2:hover .menusubf2{transform: scale(1)}
.menusub li:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background: #51bf0f;transition: all 0.3s ease 0s;}
.menusub li:hover:before{width:3px;}
nav .menu_main > li .menusub li a{display:block;padding: 14px 15px;transition: all 0.3s ease 0s;background:none !important;color: #333;text-decoration: none;box-sizing: border-box;font-size: 16px;}
nav .menu_main > li .menusub li:hover a{color:#021540;transform:translateX(5px)}
.lbtim:hover .searchbox {display:block}
.searchbox{float:right;border-radius:4px;position:relative;overflow:hidden;box-sizing:border-box;display: block;z-index: 99999;overflow: hidden;padding: 0;border-radius: 0;background: #f0f1f4;}
.searchbox .txt{width: 180px;height: 28px;padding: 5px 35px 5px 10px;font-size: 15px;border:none;outline:none;box-sizing:border-box;color: #fff;float: left;background: none;color: #000;border: 1px solid #dee0e5;border-top: none;}
.searchbox .txt::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color:#939393;font-style:italic;}
.searchbox .txt:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#939393; font-style:italic;}
.searchbox .txt::-ms-input-placeholder { /* Microsoft Edge */color:#939393; font-style:italic;}
.searchbox .btn{padding: 0;display:inline-block;color: #000;font-size: 16px;bottom: -1px;width: 35px;text-align:center;height: 35px;box-sizing:border-box;float: right;background: none !important;line-height: 35px;position: absolute;right: 5px;}
.searchbox .btn:hover{}
.menusp{position:absolute;top:100%;overflow:hidden;z-index:2;width:100%;background:rgba(238, 171, 81, .6)}
.menuphu a{float:left;font-size:15px;color:#fff;font-family:avo;padding:10px 18px}
.menuphu a:hover{color:#ca0a00;}
.menusp ul{float:right}
.menusp li{float:left;font-size:15px;color:#fff;position:relative;font-family:avo;padding:10px 18px}
.menusp li:last-child{padding-right:0}
.menusp li:hover{color:#ca0a00;}
.menusp li:before{content:"";width:0%;position:absolute;left:0;right:0;bottom:0;margin:auto;border-top:1px solid #f58220;transition:width .5s}

.form-register {margin-top: 10px;float: right;}
.form-register a {display:block;text-decoration: none;background: #e4002b;color: #fff;padding: 8px 29px 10px 37px;border-radius: 33px;background-image: url('/Design/icon-gem.png');background-repeat: no-repeat;background-position: 16px 9px;}

#slideshow{position: relative;height: auto !important;z-index:1;margin: auto;/* margin-bottom: -30px; */display: block;width: 100%;}
.swiper-slide img {width:100%;display:block;/* height: 100%; */object-fit: cover;}
.home-default .container{padding:50px 0 80px}
.contain-inner{width: 71.306%}
.product-default ul,.product-list{margin-top: 24px;width:100%;padding: 0;display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(4,minmax(0,1fr));column-gap: 14px;row-gap: 14px;box-sizing: border-box;overflow: hidden;/* border: 1px solid #001a56; */}
.product-default ul li,.product-list li{box-sizing:border-box;position:relative;background: #fff0;box-shadow: none;transition: 0.5s;border-radius: 0;overflow: hidden;width: 100% !important;margin: auto !important;padding: 0;border: 2px solid #81ce4e00;border-radius: 10px;text-align: center;}
.product-default ul li:hover,
.product-list li:hover{border-color:#81ce4e}
.product-default ul li:nth-child(4n+4), .product-list li:nth-child(4n+4){margin-right:0}
.product-default ul li:nth-child(n+5), .product-list li:nth-child(n+5){/* margin-top: 25px; */}

.product-default ul li .imgproduct,.product-list li .imgproduct{overflow:hidden;height: 180px;width:100%;margin-top: 0;background: #fff;position: relative;}
.product-default ul li .imgproduct img,.product-list li .imgproduct img{margin: auto;display: block;transition: 0.5s;object-fit: cover;/* max-width: 90%; *//* max-height: 90%; */width: 100%;height: 100%;}
.product-default ul li:hover .imgproduct img, 
.product-list li:hover .imgproduct img {transform:scale(1.1)}
.tit-pro {font-size:28px;color:#2e2e2e;text-transform:uppercase;position: relative;overflow: hidden;border-left: 4px solid #021540;}
.tit-pro span {background:#f6f6f6;z-index: 3;position: relative;display: inline-block;padding: 2px 15px;}
.tit-pro:after {background: #021540;content:"";display: inline-block;top: 0;bottom: 0;right: 0;z-index: 1;left: 0;display: block;position: absolute;background-position: center bottom;background-size: 100%;}
.tit-pro  a {float:right;font-size:16px;color: #fff;text-transform:none;position: absolute;right: 10px;top: 8px;z-index: 2;}
.tit-pro a i {font-size: 9px;border-radius:50%;border: 1px solid #fff;width: 18px;height: 18px;float: right;line-height: 15px;text-align: center;box-sizing: border-box;padding-left: 2px;margin-top: 1px;margin-left: 3px;}
.overList {width:100%;}
.overList:nth-child(n+2) {margin-top:40px;}
.overList:nth-last-child(2) {width: 50%;float: left;} 
.overList:nth-last-child(1) {width: 50%;float: right;} 

.overList:nth-last-child(1) .product-list,
.overList:nth-last-child(2) .product-list {grid-template-columns: repeat(2,minmax(0,1fr));}
.overList:nth-last-child(1) .product-list li:nth-child(n+5),
.overList:nth-last-child(2) .product-list li:nth-child(n+5){display:none}

.title-product a {color: inherit;font-weight: inherit;font-size: inherit;font-family: inherit;         
    white-space: normal;display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.product-default ul li h4,.product-list li h4{height: 66px;left:0;right:0;margin:auto;overflow:hidden;font-family: azuki;display: block;color: #c11f2f;font-size: 26px;padding: 0 10px;line-height: normal;font-weight: normal;}
.product-default ul li h4:hover,.product-list li h4:hover{color:#e8b065}
.product-default ul li .foot-item,.product-list li .foot-item{text-align:center;margin-bottom: 20px;}
.product-default .foot-price,.product-list li .foot-price{overflow:hidden;padding:15px 0;text-align:center;/* background:#fff1cb */}
.product-default .link-cart,.product-list li .link-cart{font-size:12px;font-family:avos;text-transform:uppercase;font-weight:normal;background:#ca0c00;border-radius:3px;padding: 6px 12px;color:#fff;}
.product-default .link-cart:hover,.product-list li .link-cart:hover{background:#eeab51;color:#ca0c00;}
.dt-pro {display:block;text-align:center;margin-top: 25px;margin-bottom: 10px;}
.dt-pro a {display: block;font-size:16px;color:#fff;background:#c11f2f;padding: 10px 31px;border-radius: 20px;margin: 0 10px;}
.imgproduct a.imgpa {width:100%;height: 100%;display: flex;}
.addcart {width:31px;height:31px;position: absolute;right: 5px;bottom: 5px;border: 1px solid #51bf0f;border-radius: 4px;background-image: url('/Design/cart-p.png');background-repeat: no-repeat;background-position: center center;background-color: #fffc;cursor: pointer;}
.addcart:hover {background-color:#51bf0f;background-image:url('/Design/cart.png');}
.detail-pro-page {display:block;text-align:center;margin-top: 25px;}
.detail-pro-page a {display:inline-block;background: #ffa610;color: #fff;padding: 10px 15px;border-radius: 4px;font-size: 13px;text-transform: uppercase;}
.detail-pro-page i {margin-left:5px;font-size: 12px;}
.posi-img {position:absolute;bottom: 0;left: 0;right: 0;z-index: 2;text-align: center;padding: 15px 0;opacity: 0;/* transition: 0.5s; */}
.product:hover .posi-img {opacity:1}
.product:hover .imgproduct a.imgpa:before {opacity:1}
.posi-img a {display:inline-block;width: 40px;height: 40px;background-color: rgb(255 255 255 / 0.9);color: #000;border-radius: 50%;text-align: center;}
.posi-img a:hover {color:#fff;background-color:#b11a1e}
.posi-img i {margin:auto;margin-top: 10px;display: inline-block;}
.col-side{width: 29%;float:right;}
.col-side .title-aside{}
.col-side .title-aside span{font-size: 21px;padding: 10px 15px;background: #064b90;color:#fff;text-transform:uppercase;display: block;border-top-left-radius:5px;border-top-right-radius:5px;box-sizing: border-box;font-family: swib;background-image: url(/Design/before-tit-w-30.png);background-repeat: no-repeat;padding-left: 50px;background-position: 10px 10px;}
.col-side .border-side{padding: 0px 10px;box-sizing:border-box;border: 1px solid #064b90;border-top: none;}
.feature-side .border-side {background: #064b90;color: #fff;}
.feature-side .border-side * {color:inherit;}
.view {font-size:13px;}
.view  i {margin-right: 3px;font-size: 11px;}
.feature-side .contain-side{overflow:hidden;position:relative;display: block;}
.feature-side .contain-side .list-book{position:relative;display: block;overflow: hidden;}
.feature-side .list-book li{overflow:hidden;padding: 15px 0;border-top: 1px solid #ffffff4d;}
.feature-side .list-book li:first-child {border:none}
.feature-side .list-book li:nth-child(n+2) {margin-top: 0;}
.feature-side .postImg{height: 78px;width: 36.56%;float:left;border-radius: 4px;}
.feature-side .foot-item{padding-top:0;float:right;width: 60%;overflow:hidden}
.feature-side .title-item{overflow:hidden;margin-bottom: 5px;}
.feature-side .title-item h4{text-align:left;font-size:15px;padding:0;font-weight:normal;color: #fff;line-height:1.2;display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.feature-side .list-book li:hover h4{color:#51bf0f;}
.product-side .contain-side{/* height: 542px; */overflow:hidden;position:relative;}
.product-side .contain-side ul{position:relative;}
.product-side .list-book li{overflow:hidden;margin-top: 0;padding: 15px 0;border-top: 1px solid #bbb6b68c;}
.product-side .list-book li:first-child {border:none}
.product-side .list-book li i {margin-right:5px;}
.product-side .postImg{height: 112px;width: 48%;float:left;box-sizing:border-box;border: none;}
.product-side .postImg:hover{border-color:#e8b065}
.product-side .postImg img{height:100%;width: 100%;object-fit: cover;}
.product-side .foot-item{padding-top:0;float:right;width: 48%;}
.product-side .title-item{overflow:hidden}
.product-side .title-item h4{font-size: 18px;font-family: 'quickb';color:#3a3a3a;}
.product-side .title-item h4:hover {color:#000;}
.product-side .foot-item .views{margin-top: 3px;}
.product-side .price-new{font-size: 15px;font-family: 'quickb';margin-top: 8px;color: #000;}
.product-side .foot-price{margin-top:15px}
.product-side .link-cart{font-size: 13px;text-transform:uppercase;font-weight:normal;box-sizing:border-box;border-radius:3px;color: red;font-family: 'quicksb';margin-top: 7px;}
.product-side .link-cart a {color:inherit;font-size: inherit;font-family: inherit;display: inline-block;padding: 4px 10px;border: 1px solid;border-radius: 3px;cursor: pointer;}
.product-side .link-cart:hover {color:#064b90}
footer .middle{padding: 25px 0 40px;color: #fff;background-position: center bottom;background-size: cover;background-image: url('/Design/bg-footer.png');background-repeat: no-repeat;}
footer .middle .container{overflow:hidden;}
footer  .infocompany .title-footer{font-size: 30px;font-family: 'swib';}
footer .infocompany .title-footer img {float:left;max-width: 94px;margin-right: 10px;}
footer .infocompany .title-footer span{display: block;margin-top: 15px;}
footer .title-footer:after {content:"";display:block;width: 40px;height:2px;background:#fff;margin-top: 10px;}
footer .infocompany .title-footer:after {margin-left: 104px;}
footer .text-footer{font-size: 15px;color: #fff;margin-top:15px;font-weight: normal;line-height: 26px;display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(1,minmax(0,1fr));column-gap: 0;row-gap: 0;font-family: ar;}
footer .title-footer{font-size: 20px;font-family: 'rm';color: #fff;font-weight:normal;padding-bottom: 0;position:relative;text-transform: uppercase;overflow: hidden;}
footer .text-footer li {color: #fff;}
.infocompany .text-footer div:before {content:"";font-family:"fontawesome";color: #fff;margin-right: 4px;width: 20px;display: inline-block;text-align: center;}
.infocompany .text-footer div:nth-child(1):before {content:"\f121"}
.infocompany .text-footer div:nth-child(2):before {content:"\f3c5"}
.infocompany .text-footer div:nth-child(3):before {content:"\f3c5"}
.infocompany .text-footer div:nth-child(4):before {content:"\f10b "}

.infocompany .text-footer div:nth-child(5):before {content:"\f0e0"}
.infocompany .text-footer div:nth-child(6):before {content:"\f26b"}
.infocompany .text-footer {font-size: 16px;display: block;}
.menu-footer{float:left;width: 46%;}
.infocompany {width: 44%;}
.middle .right {width: 55%;margin-top: 42px;}
.menu-footer.menu3 {width: 51%;}
.menu-footer+.menu-footer{margin-left: 3%;}
.menu-footer .fb-page.fb_iframe_widget iframe {width:100% !important}
.menu-footer .fb-page.fb_iframe_widget {margin-top: 0;}
.menu-footer .title-footer{margin-top: 0;}
.menu-footer li{transition:transform .5s;}
.menu-footer li:before{content:"\f105 ";font-family:fontawesome;font-weight:900;font-size: 13px;top: -1px;position:relative;}
.menu-footer li:hover{transform:translateX(10px);}
footer .foot{padding: 8px 0;background: #064b90;font-size: 13px;color: #feffff;}
.foot .container{overflow:hidden}
footer .foot .text a {color: #51bf0f;}
.foot .right a{/* color:#e8b065 */}
.foot .visitor{position:relative;margin-right:10px;padding-right: 15px;margin-top: 8px;}
.visitor strong {color:#51bf0f}
.foot .left.text div {display:inline-block;}
.foot .left.text {margin-top: 9px;}
.foot .visitor i{}
.socal-link {}
.socal-link a {display:inline-block;width: 32px;height: 32px;border: 1px solid;border-radius: 50%;text-align: center;box-sizing: border-box;line-height: 32px;opacity: 0.3;font-size: 11px;}
.socal-link a:hover {opacity:1}
#ShowMenu{display:none;}
.logomobile{display:none}
article{/* overflow: hidden; */width: 100%;position: relative;}
.hotline-fixed{display:block;position:fixed;bottom: 0;left:0;z-index:99999;}
.hotline-number{padding:5px;padding-right:10px;background-color: rgba(209, 24, 24, 0.7);/* display:none; */border-radius:4px 4px 0;color:#fff;padding-left:40px;}
.hotline-fixed a{color: #fff;line-height:1.8;position:relative;font-size: 13px;}
.hotline-fixed i{position:absolute;left:10px;width: 24px;height:24px;text-align:center;background-color: #fff;border-radius:100%;color: #ca0c00;animation:phone-icon2 3s infinite;}
.hotline-fixed i:before{position:absolute;left:0;right:0;margin:auto;top:2px}
.logo-footer{margin-top:5px}
.km-m{display:none}
.mobile-header{display:none;}
.button-phone{position:fixed;bottom:20px;right: 20px;width: 50px;height: 50px;/* text-indent:-1000px; */background: #ffffff url(/Design/icon-mphonef.png) no-repeat center 14px;background-size: 45%;border-radius:100%;z-index:8;box-shadow:0 0 5px rgba(0,0,0,.5);}
.button-phone a {width:100%;height:100%;position: relative;z-index: 2;display: block;}
.button-phone:before{
  			animation:phone-inner 3s infinite;
  			top: 0;
  			left: 0;
  			width:100%;
  			height:100%;
  			background-color: rgba(238, 171, 81, .6);
  			border-radius: 100%;
  			position:absolute;
  			content:"";
  			z-index: 1;
  			}
.button-phone:after{top: 0;left: 0;width: 100%;height:100%;background-color: #eeab51;border-radius: 100%;position:absolute;
	content:"";animation: phone-outer 3s infinite 1.5s;z-index:1;}
.fbchat{position:fixed;width:60px;height:60px;z-index:999;/* background:url(/Design/icfb.png); */background-size:cover;right:15px;bottom: 20px;border-radius:100%;}
.zlchat{position:fixed;width: 50px;height: 50px;z-index:999;background:url(/Design/izalo.png) no-repeat;background-size:100% auto;right: 20px;bottom: 80px;}
.zlchat a {display:block;height:100%;width:100%;}
.map-page{position:fixed;width: 50px;height: 50px;z-index:999;background: url(/Design/gm.png) no-repeat;background-size:100% auto;right: 20px;bottom: 141px;border-radius: 50%;}
.map-page a {display:block;width:100%;height:100%;}
.box-zalo {position:absolute;left:0;background:#fff;padding: 5px 10px;border-radius:5px;visibility: hidden;opacity: 0;transition: 0.5s;bottom: 0;}
.box-zalo a {display:block;background-image:url('/Design/i-zalo.png');background-repeat: no-repeat;background-position: left;padding: 5px 0;padding-left: 25px;color: #ac1a1b;font-weight: bold;text-decoration: none;transition: 0.5s;}
.box-zalo a:hover {color:#43210e}
.cd-top{/* display:none !important; */left: 50%;transform: translate(-50%, 0);bottom: 4px;}
.zlchat.acs .box-zalo {left: 66px;opacity:1;visibility:visible;}
.button-phone.acs .box-zalo {left: 66px;opacity:1;visibility:visible;width: 200px;}
.button-phone .box-zalo a {background:none;padding-left:0;text-align: left;/* color: #000; */font-size: 18px;}
.button-phone .box-zalo a i {margin-right:5px;font-size: 15px;}
.button-phone .box-zalo {width:200px}
@media only screen
  and (max-width :1263px){
#slideshow{height:443px}
.middle-header .sloganhead{right:14%}
nav .menu_main > li > a{/* padding: 16px 22px; */}
.searchbox .txt{/* width: 135px; */}
.product-default ul li .imgproduct, .product-list li .imgproduct{/* height:220px */}
.menu-footer{/* margin-left:10px */}
.menu1{/* margin-left:0 */}
}
@media only screen and (max-width: 1025px){
#slideshow{height:359px}
}
@media only screen and (max-width: 1023px){
.middle-header hgroup h2{font-size:22px}
.middle-header hgroup h4{font-size:15px}
.middle-header .sloganhead h2{font-size:15px}
.middle-header .sloganhead h3{font-size:15px}
.middle-header .sloganhead{right:8%}
.bot-header >.container{height:42.67px}
.searchbox{margin:5px 0;}
.product-default ul li .imgproduct, .product-list li .imgproduct{height:165px}
.col-side .title-aside span{font-size:14px}
.product-side .link-cart{font-size:11px}
footer .middle .right{/* display:none */width: 100%;text-align: center;}
}
@media only screen and (max-width: 800px){
#slideshow{height:281px}
}
@media only screen and (max-width: 769px){
#slideshow{height:269px}
}
@media only screen and (max-width: 730px){
#slideshow{height:256px}
.top-header .hotline{display:none}
.top-header .right{/* display:none */}
.middle-header{background-position: center;}
.middle-header .sloganhead{display:none}
.middle-header .photo-slide{display:none}
.menusp{display:none}
.title-cat > span:before{left:calc(100% - 1px);border-width:22.85px;top:-1px}
.col-side{display:none}
.product-default, .contain-inner{width:100%}
.product-default ul li, .product-list li{/* width:49%; *//* margin-right:2% */}
.product-default ul li:nth-child(3n+3),.product-list li:nth-child(3n+3){/* margin-right:2% */}
.product-default ul li:nth-child(n+4),.product-list li:nth-child(n+4){margin-top:3%}
.product-default ul li:nth-child(2n+2), .product-list li:nth-child(2n+2){/* margin-right:0 */}
.product-default ul li:nth-child(n+3),.product-list li:nth-child(n+3){/* margin-top:3% */}
.product-default ul li .imgproduct, .product-list li .imgproduct{height:190px}
footer .foot .right{float:left}
}
@media only screen and (max-width: 500px){
#slideshow{height:175px}
.button-phone{width:40px;height:40px;background-position:center}
.zlchat{width:40px;height:40px;bottom: 70px;}
.zlchat.acs .box-zalo {left:50px}
.button-phone.acs .box-zalo {left:50px}
.map-page {width:40px;height:40px;bottom:120px}
}
@media only screen and (max-width: 415px){
#slideshow{height:145px}
}
@media only screen and (max-width: 410px){
#slideshow{height:144px}
footer .middle{height:auto;overflow:hidden;background-size:auto 100%;padding: 30px 0;}
footer .middle .container{/* padding:40px 0 20px */}
.product-default ul li .imgproduct, .product-list li .imgproduct{height:172px}
}
@media only screen and (max-width: 376px){
#slideshow{height:132px}
}
@media only screen and (max-width: 374px){
.title-cat{font-size:15px}
.title-cat > span{min-width:100px}
.title-cat > span:before{;border-width: 21.34px;}
.product-default ul li .imgproduct, .product-list li .imgproduct{height:166px}
}
@media only screen and (max-width: 361px){
#slideshow{height:126px}
}
@media only screen and (max-width: 359px){
.product-default ul li .imgproduct, .product-list li .imgproduct{height:147px}
}
@media only screen and (max-width: 330px){
#slideshow{height:115px}
}
.right-top {margin-top: 0;padding-bottom: 0;position: relative;margin-right: 10px;display: inline-block;height: 100%;}
.lbtim {font-size: 18px;text-align: center;cursor: pointer;color: #fff;margin-left: 15px;margin-top: 0;float: left;display: inline-block;}
.shopping {position:relative;margin-top: 27px;float: left;}
.show-cart {position:absolute;right:0;top: 100%;padding-top: 17px;z-index: 99;display: none;}
.bor-cart {background-color: #fff;/* border: 1px solid #b11a1e; */border-radius: 10px;width: 230px;padding: 15px;box-sizing: border-box;position: relative;}
.shopping:hover .show-cart {display:block}
.auto-height-cart {overflow:hidden;padding-bottom: 0;max-height: 171px;overflow-y: auto;position: relative;z-index: 1;}
.auto-height-cart::-webkit-scrollbar-track {background-color: #e6e6e6;} 
.auto-height-cart::-webkit-scrollbar-thumb {background-color: #b11a1e;}
.auto-height-cart::-webkit-scrollbar-button {background-color: #e6e6e6;height:0}
.auto-height-cart::-webkit-scrollbar-corner {background-color: #e6e6e6;}
.auto-height-cart::-webkit-scrollbar {width: 3px;}
.rpt-cart {display:block;overflow:hidden;padding-bottom: 10px;}
.tieuchi {display:block;overflow:hidden;}
.li-cart {overflow:hidden;}
.li-cart:nth-child(n+2) {border-top:1px solid #e2e2e2;margin-top:10px;padding-top: 10px;}
.li-cart a {text-decoration:none}
.img-item {float:left;box-sizing: border-box;border: 1px solid #e2e2e2;width: 70px;margin-right: 10px;height: 70px;}
.img-item  img {display:block;width: 100%;}
.name-item {font-size:13px;color:#000;text-decoration:none;margin-top: 0;}
.info-item {overflow:hidden;}
.price-item {font-size: 12px;color:#b11a1e;}
.total-cart {display:block;overflow:hidden;}
.span-tong {display:block;font-size: 13px;margin-top: 5px;margin-bottom: 5px;overflow: hidden;}
.span-tong span {float:right;color:#b11a1e;font-size: 14px;}
.total-cart a {display:block;text-decoration:none;background-color:#b11a1e;text-align:center;color:#fff;font-size: 13px;padding: 5px 0 8px;border-radius: 22px;margin-top: 5px;}



.li-tc {width:25%;float:left;padding: 0;box-sizing:border-box;display: block;position: relative;}
.content-tc {margin:auto;position: relative;z-index: 2;position: absolute;left: 0;right: 0;bottom: 0;top: 0;display: flex;}
.img-tc {display:block;overflow:hidden}
.img-tc img {display:block;width:100%;}
.flex-content {margin:auto;padding: 30px;}

.tit-tc {text-align:left;font-size: 18px;font-weight:bold;color:#fff;}
.des-tc {font-size:16px;color:#fff;margin-top:15px;}
.li-tc:before {content:"";background-color: rgb(0 0 0 / 0.3);z-index:2;position:absolute;left:0;top:0;right:0;bottom:0;display: none;}
.li-tc:hover:before {display:block}
 .hotline-default {display:block;overflow:hidden;background-image: url('/Design/ocean-2.jpg');background-attachment: fixed;background-position: center center;background-size: cover;text-align: center;padding: 49px 0;color: #fff;}
 .span-hot {font-size: 30px;margin-bottom: 0px;}
 .phone-hot {overflow:hidden;margin-bottom: 25px;}
 .phone-hot a {display:inline-block;color:#fff;text-decoration:none;font-size:40px;font-weight: bold;}
  .phone-hot a:nth-child(n+2) {margin-left:20px;}
  .phone-hot a:nth-child(n+2):before {content:"-";margin-right:10px;}
  .des-hot {font-size: 19px;width: 62%;margin: auto;}

  .news-default {display:block;padding:40px 0;background: #fafafa;}
  .tit-df {text-align:center;font-size: 55px;color: #43210e;margin-bottom: 0;font-weight: normal;font-family: 'azuki';}
  .product-Promo {display:block;overflow:hidden;padding: 45px 0;position: relative;overflow: hidden;
    background-image: url(/Design/bg-pro.jpg);
    background-size: cover;
    background-position: top center;
    padding: 30px 0 70px;
    background-attachment: fixed;}

  .pro-hot {overflow:hidden;position: relative;}
  .pro-hot .product-list {margin-top:0}
  .pro-hot .product-list li:nth-child(n+1) {width:96%;margin:auto;border: none;margin-bottom: 20px;margin-left: 2%;}
#ctl00_ContentPlaceHolder1_pnOthers .tit-df {font-size:40px;}

  .owl-controls {display:none !important}
  .customNavigation {position:absolute;bottom: calc(50% + 50px);left: 1%;right: 1%;height: 0;}
   .customNavigation a {width:42px;height:42px;background-color: #ca0b01;background-position: center center;background-repeat: no-repeat;border-radius: 50%;cursor: pointer;}
    .customNavigation .next {float:right;background-image:url('/Design/sp_next.png');}
     .customNavigation .prev {float:left;background-image:url('/Design/sp_prev.png');}

#tabs {display:block;overflow:hidden;}
.c-tabs-nav {text-align:center;display:block;margin-bottom: 20px;}
.c-tabs-nav a {display:inline-block;padding: 5px 40px 8px;font-size: 16px;cursor: pointer;text-decoration: none;position: relative;color: #000;border: 1px solid #e7e9f3;border-radius: 30px;margin: 2px 5px;}
.c-tabs-nav a:hover,.c-tabs-nav a.is-active {background-color:#b11a1e;color:#fff;border-color:#b11a1e}
.c-tab {display:none;overflow: hidden;padding-bottom: 20px;}
.c-tab.is-active {display:block}
.c-content {overflow:hidden}
.c-tab:nth-child(n+2) .product-list li .imgproduct img {margin:auto !important;}
.c-tab:nth-child(n+2) .product-list li .imgproduct {text-align:center;}
.countcart {text-align: center;color: #fff;padding: 0;border-radius: 50%;font-size: 14px;font-family: 'quickm';position: absolute;left: 25px;top: 5px;}
.cart {display:block;color: #fff;float: right;}
.span-cart {width: 52px;background:#ffa610;height: 28px;float: left;/* display: flex; */text-align: center;box-sizing: border-box;overflow: hidden;position: relative;}
.span-cart i {background-image:url('/Design/cart.png');width:17px;height:16px;display: inline-block;margin: auto;margin-top: 6px;float: left;padding-right: 10px;margin-left: 6px;background-repeat: no-repeat;}
.banner-ct {display:block;overflow:hidden;position: relative;}
.banner-ct img {display:block;width:100%;}
.flex-bn {position:absolute;left:0;right:0;bottom:0;top:0;display:flex;}
.mar-auto {margin:auto;width: 90%;}
.tit-page {display:block;font-size: 27px;text-align:center;font-weight:bold;color:#fff;}

.loadgif {position:fixed;left:0;top:0;width:100%;float:left;height:100%;display:  flex;/* background-color: rgba(0, 0, 0, 0.2); */z-index: 99999;}
.centerload {width:150px;height:150px;margin:auto;}
.centerload img {width:100%;float:left}
.loadgif {position:fixed;left:0;top:0;width:100%;float:left;height:100%;display:  flex;/* background-color: rgba(0, 0, 0, 0.2); */z-index: 99999;}
.centerload {width:150px;height:150px;margin:auto;}
.centerload img {width:100%;float:left}

.news-default-ar  {overflow:hidden;padding:40px 0;position:relative;}
.news-default-ar  .container {position:relative}

.list-article-category.article-list .item:nth-child(n+1) {margin:auto;width: 95%;float:none;}
.list-article-category.article-list  {width:100%;margin:auto;padding:0;position:relative;}
.customNavigation .nextar {float:right;background-image:url('/Design/sp_next.png');}
.customNavigation .prevar {float:left;background-image:url('/Design/sp_prev.png');}
.news-default-ar  .customNavigation {bottom: calc(50% + 13px);}

.left-about {width: 48%;padding-left: 0;box-sizing: border-box;float: right;}
.right-gt {width: 45%;box-sizing: border-box;float: left;}
.img-about {overflow: hidden;height: 100%;border-radius: 20px;}
.img-about img {display:block;height: 100%;width: 100%;object-fit: cover;}
.about {display:block;position:relative;overflow:hidden;padding: 0;background-size: cover;background-repeat: no-repeat;background-image: url('/Design/bg-abouts.png');background-position: center top;}
.about .container {position:relative;overflow: hidden;}
.bottom-abouts {padding-top: 45px;padding-bottom: 55px;position: relative;overflow: hidden;}
.bottom-abouts:before {content:"";position:absolute;left:0;top: -25px;width: 323px;height: 344px;background-image: url('/Design/tree.png');z-index: 2;}
.tit-gt {display:block;text-align: left;position: relative;}
.tit-gt span {display:block;width:60%;margin:auto;font-size: 16px;}
.box-white .tit-gt span {width:80%;}
.tit-gt h1 {position: relative;font-family: swib;font-size: 38px;color: #51bf0f;text-transform: uppercase;margin: auto;}
.tit-gt h1 strong {color: #064b90;margin-left: 0px;}
.tit-gt h1 p {display:inline-block;margin: auto;text-transform: uppercase;font-size: 31px;position: relative;z-index: 2;}
.tit-gt h2 {margin:auto;font-weight: normal;font-size: 25px;position: relative;z-index: 2;text-align: justify;color: #086bc8;margin-top: 5px;font-family: 'quickm';}
.tit-gt h3 {margin:auto;font-size: 20px;color: #595959;font-weight: normal;text-align: center;}
.tit-gt h2:after {content:"";width: 74px;height: 1px;background: #074b3c;display: block;margin-top: 13px;}
.description-gt {overflow:hidden;margin-top:30px;}
.description-gt * {margin:auto;font-size: 17px;color: #464646;font-family: 'quickm';line-height: 26px;}
.description-gt strong {color:#115cb9;font-family: 'quicksb';}
.content-gt {position:relative;display:block;margin-top: 25px;}
.img-gt {position:absolute;left:0;right:0;top:0;text-align:center;z-index:1}
.img-gt img {display:inline-block;margin:auto;max-width:100%;}
.body-gt {position:relative;z-index:2;text-align:center;overflow:hidden;padding-top: 20px;padding-bottom: 35px;}
.li-content-gt {width: 100%;margin: auto;list-style: none;padding: 0;box-sizing: border-box;overflow: hidden;padding: 0;display: block;}
.li-content-gt li {display: block;float: left;text-align: left;margin-left: 0;background: #e4002b;border-radius: 70px;margin-top: 23px;padding: 15px 25px;}
.li-content-gt li img {width:47px;height: 46px;margin: auto;margin-top: 0;float: left;margin-right: 10px;}
.content-li-gt {box-sizing: border-box;padding: 0;padding-bottom: 0;display: block;}
.li-content-gt li:nth-child(1) {margin-left:0}
.li-content-gt li strong {display: block;font-size: 16px;color: #fff;padding: 0 0px;text-align: left;font-weight: normal;line-height: 26px;}
.li-content-gt li span {display:block;font-size: 17px;color: #43210e;margin-top: 12px;}
.banner-gt {position:relative;text-align:center;z-index:2;margin-top: 45px;}
.banner-gt a {display:block;text-align: center;}
.banner-gt.botbn {margin-top:0;margin-bottom: 30px;}
.banner-gt img {display:inline-block;margin:auto;max-width:100%;}
.detail-gt {position:relative;z-index:2;margin-top: 20px;float: none;text-align: left;}
.detail-gt a {color: #ffffff;display: inline-block;padding: 0;font-size: 15px;text-decoration: none;background: #ffa610;text-transform: uppercase;padding: 11px 17px;padding-left: 47px;border-radius: 4px;background-image: url('/Design/before-detail-gt.png');background-repeat: no-repeat;background-position: 15px 10px;}
.detail-gt a i {font-weight:normal;margin-left: 8px;}
.li-content-gt:nth-child(2) li strong {background-image:url('/Design/t-right.png');padding: 12px 40px 15px 30px;}
.slogan-df {margin:auto;font-size: 42px;color: #c11f2f;font-family: 'azuki';margin-top: -5px;font-weight: normal;text-align: center;}
.support-about {background: #fffc;padding:20px 45px 25px;border-radius: 20px;margin-top: 25px;text-align: center;box-shadow: 3px 0 13px #92929299;}
.icon-support-a {width:33px;height:33px;margin:auto;border: 2px solid #737372;line-height: 33px;border-radius: 50%;}
.icon-support-a i {color:#737372}
.icon-support-a i {margin:auto;}
.detail-support {margin-top:8px;}
.detail-support span {font-size: 20px;font-family:asb;color:#e4002b;}
.detail-support p {color:#595959;font-size:16px;margin:auto;margin-top:10px;}
.lis-a-support {background-image:url('/Design/bg-support-a.png');display: inline-block;background-size: 100% 100%;padding: 0 25px;margin-top: 20px;}
.lis-a-support a {display:inline-block;text-decoration: none;color: #fff;padding: 16px 3px;font-size: 22px;font-family: 'asb';}
.lis-a-support a:nth-child(n+2):before {content:"-";margin-right: 6px;}
.chef {position:absolute;bottom:0;right: 33%;}
.chef img {display:block;width: 100%;}


.services-about {/* overflow:hidden; */position: relative;}
.services-about:before {content:"";position:absolute;left:0;top: -27px;width: 132px;height: 153px;}
.services-about:after {content:"";position:absolute;top: 7px;right:0;width: 91px;height: 92px;}
.services-about .container {/* max-width:1280px */}
.services-about ul {padding:0;margin:auto;display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(3,minmax(0,1fr));column-gap: 25px;row-gap: 106px;padding-top: 125px;}
.services-about li {position:relative;list-style: none;background-image: url('/Design/bg-dv.png');background-size: 100% 100%;display: block;padding: 80px 0 25px;text-align: center;}
.services-about li  a {text-decoration: none;}
.img-se {position:absolute;left:0;right:0;top: -80px;text-align: center;}
.img-se img {max-width:80%;display:inline-block;}
.content-se {padding-top: 0;color: #fff;}
.content-se  span {font-family:asb;font-size:22px;text-transform: uppercase;display: block;}
.content-se  p {margin:auto;font-size:20px;font-weight: normal;margin-top: 7px;}
.services-about .tit:before {bottom: -50px;}
.services-about .tit {padding-bottom:0}

.photo-default {display:block;overflow:hidden;background-size: 100% 100%;padding: 60px 0;}
.tit-pd {text-align:center;font-size: 42px;color: #43210e;font-family: 'azuki';}
.slogan-pd {text-align:center;font-family: 'azuki';font-size: 49px;color: #b37e10;/* -webkit-text-stroke: 2px #f8f7f5; *//* paint-order: stroke fill; */text-shadow: 2px 0 0 #f8f7f5, -2px 0 0 #f8f7f5, 0 2px 0 #f8f7f5, 0 -2px 0 #f8f7f5, 2px 2px #f8f7f5, -2px -2px 0 #f8f7f5, 2px -2px 0 #f8f7f5, -2px 2px 0 #f8f7f5;/* background-image: linear-gradient(55deg,#c6972f, #b37e10 , #f8dc7b , #b37e10 ); *//* background-size: 100%; *//* background-repeat: repeat; *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; */margin-top: -10px;}

.slide-pd {display:block;margin-top: 50px;overflow: hidden;}
.li-slide {margin: 0;overflow:hidden;display: block;background: none;}
.li-slide a {display:block;margin: 0 15px;overflow:hidden;border-radius:20px;}
.li-slide img {display:block;width:100%;margin: auto !important;}
.des-pd {overflow:hidden;font-size: 20px;font-family: quicksb;color: #43210e;text-align: center;margin: auto;margin-top: 30px;width: 80%;}
.slide-pd ul {padding:0;margin:auto;}
.slide-pd li {margin: 0 15px;height: 545px;background:none;overflow: hidden;border-radius: 20px;}
.slide-pd li a {display:block;height:100%;overflow:hidden}
.slide-pd li img {height:100%;display:block;width: auto;min-width: 100%;}
.video-default {overflow:hidden;display:block;padding: 80px 0;background-repeat: no-repeat;background-position: top left;}
.left-video {width: 52%;float:left;margin-top: 20px;}
.right-video {float:right;width: 46%;}
.right-video a {position:relative;display:block;height: 320px;background: none;border-radius: 40px;}
.right-video i {position:absolute;width:68px;height:68px;left: calc((100% - 68px) / 2);top: calc((100% - 68px) / 2);color: #000000;font-size: 26px;text-align: center;border: 4px solid;box-sizing: border-box;line-height: 60px;border-radius: 50%;padding-left: 5px;opacity: 0.5;background: #fff;z-index: 2;}
.right-video img {display:block;width:100%;height: auto;min-height: 100%;}
.tit-video {display:block;font-size: 55px;color: #43210e;font-family: 'azuki';}
.slogan-video {display:block;font-size: 42px;color: #c11f2f;font-family: 'azuki';width: 80%;line-height: 40px;}
.list-video {display:block;margin-top: 40px;}
.list-video a {display:block;font-size: 20px;color: #43210e;font-family: 'quickm';text-decoration: none;}
.list-video a:before {width:26px;height:26px;content:"";background-image:url('/Design/li-vi.png');display: inline-block;margin-bottom: -7px;}
.list-video a:nth-child(2) {margin-top:8px}

.box-page-abouts  {width: 70%;margin:auto;overflow:hidden;}

.left-detail-pro {width: 22%;float: right;box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);padding: 15px;box-sizing: border-box;margin-top: 10px;margin-right: 2%;}
.right-detail-pro {width:74%;float: left;border-right: 1px solid #e8e8e8;box-sizing: border-box;padding-right: 2%;}
.list-promo-pro {display:block;overflow:hidden;margin-top: 10px;}
.list-promo-pro a {display:block;font-family:quickm;text-decoration:none;color: #333;text-transform: uppercase;font-size: 15px;}
.tit-detail-sp {display:block;font-family: 'azuki';font-size: 25px;}
.list-promo-pro a:nth-child(n+2) {margin-top: 16px;}
.list-promo-pro i {margin-right:5px;font-size: 13px;color: #b1191c;}

.cb-list {display:block;margin-top:30px;padding: 0;display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 20px;row-gap: 20px;}
.cb-list li {display: block;}

.img-cb {display:block;}
.img-cb img {display:block;width:100%;height:100%;}
.name-cb {display:block;margin-top:20px}
.name-cb a {display:block;text-align:center;font-family:azuki;color: #43210e;font-size: 29px;}

.lan {float: right;display: inline-block;position: relative;}
.lan span {color:#fff;font-size: 15px;border: 1px solid #fff;padding: 8px 16px;border-radius: 31px;display: block;cursor: pointer;}
.list-lan {display: none;position: absolute;padding: 0px 0 0;margin: auto;display: block;text-transform: initial;transition:.5s;transform-origin: top center;transform: scale(1, 0);z-index:9999;width: 100%;text-align: left;right: 0;}
.lan:hover .list-lan {transform: scale(1)}
.lan a {display: block;padding: 3px;background-repeat: no-repeat;background-position: center center;background-color: #e92f2b;border-radius: 0;text-decoration: none;color: #fff;font-size: 15px;border: 1px solid #fff;padding: 8px 6px;border-radius: 31px;display: block;text-align: center;}
.lan .vi {background-image:url('/Design/vi.png');margin-bottom: 5px;}
.lan .en {background-image:url('/Design/en.png');}
.binhluanfb {width:100%;}
.binhluanfb iframe {min-width: 100% !important;box-sizing:border-box;}

 .wrap{position:fixed;width:300px;height: 380px !important;z-index: 9991 !important;right: 0px;bottom:0px;}
.x{font-family: arial, helvetica;background: rgba(78,86,101,0.8) none repeat scroll 0 0;font-size:14px;font-weight:bold;
color: #fff;display: inline-block;height: 25px;line-height: 25px;position: absolute;right: 0;text-align: center;top: -19px;width: 25px;z-index: 99999999;}
.x:hover{cursor: pointer;}
.pxem{text-align:left;height:20px;margin-bottom: 0;margin-top: 0;background: #f26522;width:100%;bottom: 0;display: block;left: 0px;position: absolute;z-index: 999999999;border-left: 1px solid #fff;}
.pxem a.axem{color: #fff;font-family: arial,helvetica;font-size: 12px;line-height: 23px;padding-left: 5px;text-decoration: none;}
.pxem a.axem:hover{text-decoration: underline;}
.alogo{position: absolute;bottom: 0;right: 0px;z-index: 999999999999;width: 40px;height: 20px;display: inline-block;background:#f26522;padding-right: 0px;padding-left: 5px}
.mnv-tuvan{position:fixed;width: 50px;background: none;z-index: 999 !important;right: 20px;bottom: 200px;display: block;cursor:  pointer;/* background: #fff; *//* border-radius: 50%; */}
.mnv-tuvan p{color: #fff;font-size: 15px;margin: 0;padding: 0 13px; text-align: left;}
.mnv-tuvan p a{color: #fff;font-size: 15px;padding: 5px 0px 7px;margin: 0;display:inline-block;font-family: arial, helvetica;text-decoration: none;}
.mnv-tuvan p a:hover{text-decoration: underline;cursor: pointer;}
.mnv-tuvan p img {float: right;margin-top: 10px;position:absolute;left:-20px;bottom:0} 
.wrap {position:fixed; width:250px; height: 325px;}
.fb-page.fbchat {position:relative;z-index:9999999;right:0px;bottom: 19px;/* border-left: 1px solid #fff; *//* border-top: 1px solid #fff; */width: 100%;margin: auto;margin-top: 0px;display: block !important;}
.mnv-tuvan .imfb {width:100%}
.wrap .fb_iframe_widget iframe {width:100% !important}

.bottom  {display:none;position:fixed;bottom:0;left:0;right:0;}

.project-promo {overflow:hidden;background-color: #000b2f;background-size: cover;padding-top: 50px;}
.tit {display:block;font-family: 'quickb';font-size: 30px;color: #064b90;position: relative;}
.tit a {font-family:inherit;color: inherit;background-image: url(/Design/before-tit.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 46px;}
.inner-page .tit:before {}
.des-tit {text-align:center;display:block;font-size: 16px;color: #1c1e2b;width: 50%;margin: auto;margin-top: 15px;}
.project-promo .tit  {color: #f6f6f6}
.project-promo .des-tit  {color: #f6f6f6}
.list-project  {margin-top:40px;overflow:hidden;width:100%;}
.project {display:block;position: relative;}
.project-image {display:block;height: 288px;overflow: hidden;}
.project-image a {height:100%;display:block}
.project-image img {width:100%;height:100%;display:block;object-fit: cover;transition: 0.5s;}
.project-name {display:block;position: absolute;bottom: -200px;left: 0;right: 0;transition: 0.5s;}
.project-name a {display:block;text-align: center;background: #00000091;padding: 15px 10px;color: #fff;text-decoration: none;text-transform: uppercase;font-family: 'rm';}
.project:hover .project-name {bottom:0;}

.project:hover .project-image img{transform:scale(1.1)}

.partner {overflow:hidden;padding: 10px 0;}
.list-partner {overflow:hidden;margin-top: 0;border-left: 1px solid #ececec;}
.li-par {display:block;height: 57px;}
.li-par a {height:100%;display: flex;border-right: 1px solid #ececec;box-sizing:border-box;background: #fff;}
.li-par img {max-width: 90%;max-height: 90%;display:block;margin: auto;width: auto;}
.list_project {width: 100%;padding: 0;display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(4,minmax(0,1fr));column-gap: 8px;row-gap: 8px;box-sizing: border-box;overflow:hidden;margin-top: 30px;}
.project_item {display:block;position: relative;overflow: hidden;}
.project_item:hover .project-image img{transform:scale(1.1)}
.project_item:hover .project-name {bottom:0;}


.tit-gallery {display:block;text-transform:uppercase;color:#fff;font-family:Osb;font-size: 32px;}
.Gallery-car {background-color:#101010;padding:70px 0;}
.control {position:absolute;height: 0;left: 9px;right: 11px;top: 45%;z-index: 888;}
.swiper-glr2 {overflow:hidden;height:560px;display: block;margin-top: 30px;position: relative;}
.swiper-glr2 img {height:100%;width:100%;display:block;object-fit: cover;}
.swiper-glr {overflow:hidden;margin-top:5px;height:60px;}
.swiper-glr  img {height:100%;width:100%;display:block;object-fit: cover;opacity: 0.6;}
.swiper-glr .swiper-slide-thumb-active img {opacity:1;}

.control i {font-size: 40px;color:#fff;cursor: pointer;}
.swiper-glr-next {float:right}
.swiper-glr-prev {float:left;}
.cart-icon {position:fixed;right: 15px;bottom: 20px;z-index:7777;width: 55px;height: 55px;display:flex;border-radius:50%;}
.cart-icon a {display:flex;width:100%;height:100%;border:1px solid #fff;border-radius: 50%;background: #00163d;line-height: 60px;color: #fff;}
.cart-icon span {position:absolute;top: -7px;right: 0;display: block;height: 20px;line-height: 20px;background: #fff;color: #01143c;padding: 0 5px;border-radius: 50%;font-family: 'rm';font-size: 14px;}
.cart-icon i {margin:auto;font-size:25px;color:#fff;display: block;}
.cart-icon img {fill: #fff;filter: invert(8%) sepia(100%) saturate(6481%) hue-rotate(246deg) brightness(1000%) contrast(143%);width: 30px;height: 30px;margin: auto;margin-left: 10px;}

.star {
    background-image:url('/Design/star.png');
    background-size: 100%;
    display: block;
    position: absolute;
    bottom: 93px;
    right: 3%;
    width: 68px;
    height: 68px;
    /* background: #f6f6f6; */
    overflow: hidden;
    z-index: 2;
    animation: glitter 2.5s linear 0s infinite normal;
    -webkit-animation: glitter 2.5s linear 0s infinite normal;
    -moz-animation: glitter 2.5s linear 0s infinite normal;
    -ms-animation: glitter 2.5s linear 0s infinite normal;
    -o-animation: glitter 2.5s linear 0s infinite normal;
}

.star-tit1{width:24px;height:24px;left: 19%;bottom: -28px;top: inherit;animation: glitter 2.1s linear 0s infinite normal;-webkit-animation: glitter 2.1s linear 0s infinite normal;-moz-animation: glitter 2.1s linear 0s infinite normal;-ms-animation: glitter 2.1s linear 0s infinite normal;-o-animation: glitter 2.1s linear 0s infinite normal;}
.star-tit2{width:39px;height:39px;right: 22%;top: -2px;bottom: inherit;left: inherit;animation: glitter 2s linear 0s infinite normal;-webkit-animation: glitter 2s linear 0s infinite normal;-moz-animation: glitter 2s linear 0s infinite normal;-ms-animation: glitter 2s linear 0s infinite normal;-o-animation: glitter 2s linear 0s infinite normal;}
.star-tit3{width:19px;height:19px;right: 21%;top: 28px;bottom: inherit;left: inherit;animation: glitter 2.3s linear 0s infinite normal;-webkit-animation: glitter 2.3s linear 0s infinite normal;-moz-animation: glitter 2.3s linear 0s infinite normal;-ms-animation: glitter 2.3s linear 0s infinite normal;-o-animation: glitter 2.3s linear 0s infinite normal;}

.star-img1{width: 44px;height: 44px;left: 19%;bottom: inherit;top: 8px;animation: glitter 2.1s linear 0s infinite normal;-webkit-animation: glitter 2.1s linear 0s infinite normal;-moz-animation: glitter 2.1s linear 0s infinite normal;-ms-animation: glitter 2.1s linear 0s infinite normal;-o-animation: glitter 2.1s linear 0s infinite normal;}
.star-img2{width: 25px;height: 25px;right: 22%;left: 15%;bottom: inherit;top: 8px;animation: glitter 2s linear 0s infinite normal;-webkit-animation: glitter 2s linear 0s infinite normal;-moz-animation: glitter 2s linear 0s infinite normal;-ms-animation: glitter 2s linear 0s infinite normal;-o-animation: glitter 2s linear 0s infinite normal;}
.star-img3{width:19px;height:19px;right: 21%;top: 28px;left: inherit;animation: glitter 2.3s linear 0s infinite normal;-webkit-animation: glitter 2.3s linear 0s infinite normal;-moz-animation: glitter 2.3s linear 0s infinite normal;-ms-animation: glitter 2.3s linear 0s infinite normal;-o-animation: glitter 2.3s linear 0s infinite normal;}

.star-contain1{width: 20px;height: 20px;left: 4%;bottom: 0;top: inherit;animation: glitter 1.9s linear 0s infinite normal;-webkit-animation: glitter 1.9s linear 0s infinite normal;-moz-animation: glitter 1.9s linear 0s infinite normal;-ms-animation: glitter 1.9s linear 0s infinite normal;-o-animation: glitter 1.9s linear 0s infinite normal;}
.star-contain2{width: 26px;height: 26px;left: 45%;top: inherit;bottom: 14%;right: inherit;animation: glitter 1.5s linear 0s infinite normal;-webkit-animation: glitter 1.5s linear 0s infinite normal;-moz-animation: glitter 1.5s linear 0s infinite normal;-ms-animation: glitter 1.5s linear 0s infinite normal;-o-animation: glitter 1.5s linear 0s infinite normal;}
.star-contain3{width: 35px;height: 35px;right: 42%;top: inherit;bottom: 10%;left: inherit;animation: glitter 1.7s linear 0s infinite normal;-webkit-animation: glitter 1.7s linear 0s infinite normal;-moz-animation: glitter 1.7s linear 0s infinite normal;-ms-animation: glitter 1.7s linear 0s infinite normal;-o-animation: glitter 1.7s linear 0s infinite normal;}

.baner-mini {display:block;margin-top:-70px;position: relative;z-index: 2;}
.banner-mini-bot {margin-top:0}
.baner-mini img {display:block;width: 100%;}
.category {display:block;}
.box-promo {background:#d7308e;border-radius: 6px;overflow: hidden;margin-bottom: 20px;}
.tit-article  {position:relative;background: #064b90;padding: 0px 10px 0px;border-radius: 6px;}
.box-promo  .tit-article {background: #b61c7a;padding:10px 20px;}
.tit-article a {display:block;text-decoration: none;font-size: 21px;color: #fff;text-transform: uppercase;font-weight: bold;}
.box-promo  .tit-article a  {font-size:18px;color:#ffffff;}
.box-default {border-radius: 6px;border: 1px solid #d7d7d7;overflow: hidden;padding: 0;}
.box-promo .list-article-category .item {border-color:#df59a5;}
.tit-cat {font-size: 13px;color: #fff;display:inline-block;margin-bottom: 8px;font-family: 'quickb';}
.tit-cat a {display:block;padding: 3px 7px 4px;border-radius: 4px;background-repeat: no-repeat;background-position: 10px 10px;background-size: 16px;background: #064b90;}
.box-promo .tit-cat {display:none;}
.view_li {font-size:15px;color:#eaa3c6;margin-top: 13px;display: none;}
.view_li i {color:#fff;background:#a81365;width:16px;height:16px;border-radius:50%;font-size: 10px;text-align: center;line-height: 15px;margin-right: 5px;}
.box-promo .list-article-category .item .desc  {color:#fff}
.box-promo .list-article-category .item h4 {color:#fff;}
.box-promo .view_li {display:block;}
.defaul-bot .container {overflow:hidden;width: 98%;}
.defaul-bot {position:relative;}
.news-trade {display:block;padding-top: 50px;position: relative;padding-bottom: 35px;width: 63%;float: left;}
.boxes .news-trade {padding-top:0}
.box-trade {overflow:hidden;padding: 0;}
.list-trade {overflow:hidden;margin-top: 35px;padding: 0 6px;}
.tit-article .tit-a {color: #fff;font-size:15px;text-transform: none;position: absolute;right: 19px;top: 12px;font-weight: normal;}
.tit-article .tit-a i {font-weight:normal;margin-left:5px;}
.tit-trade a:first-child {background-position: left;background-repeat: no-repeat;padding-left: 0;background-image: url(/Design/before-tit-w-30.png);
    background-repeat: no-repeat;
    
    background-position: 0px 7px;padding: 9px 0;padding-left: 37px;}
.swiper-trade {text-align:center;margin-top: 20px;}
.trade {/* background:#fff; */display: block;overflow: hidden;padding: 0;box-shadow: 1px 3px 6px #00000026;margin-top: 4px;border-radius: 10px;}
.trade:hover {background:#feb329;}
.trade-name {border-top:none;padding: 20px 0;}
.trade span {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.trade-image {display:block;position:relative;height: 185px;border-radius: 10px;overflow: hidden;}
.view-trade {position: relative;bottom:0;left:0;right:0;padding: 5px 0px;color: #b5b5b5;font-size: 14px;margin: auto;}
.trade:hover .view-trade {color:#fff}
.trade-name a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size: 18px;color:#404040;text-decoration: none;font-family: asb;}
.trade-image img {width:100%;height:100%;display: block;object-fit: cover;}
.view-trade i {width:27px;height:27px;border-radius: 50%;text-align: center;line-height: 27px;margin-right: 7px;}
.pad-10 {padding:10px}
.boxes-group  .fb-group {width:100%;}
.boxes-group  .fb-page {width:100%;}
.fb-page iframe {width: 100% !important;max-width: 100% !important;}

.swiper-member {overflow:hidden;background-image: url('/Design/bg-birthday.png');background-size: 100% 100%;min-height: 350px;border: 1px solid #ebebeb;border-bottom: none;border-radius: 5px 5px 0 0;}
.swiper-mem {overflow:hidden;position:relative;text-align:center;padding-top: 100px;padding-bottom: 75px;}
.swiper-mem a {text-decoration:none}
.avatar-m {width:86px;height:86px;margin:auto;overflow:hidden;border-radius: 50%;border: 2px solid #e4002b;margin-top: 8px;}
.avatar-m img {display:block;width: 100%;height: 100%;object-fit: cover;}
.boxes-member {border: }
.birthday-m {font-size:16px;color:#4d4d4d;font-weight:bold;}
.tit-member-box {background:#e4002b;color:#fff;padding: 15px 0;text-transform: uppercase;font-size: 15px;text-align: center;border-radius: 0 0 5px 5px;overflow: hidden;}
.name-m {color:#282828;font-size: 13px;font-weight:bold;margin-top: 13px;}
.position-m,.company-m {color:#4d4d4d;font-size:13px;margin-top: 5px;padding: 0 10px;}
.img-alb {height:239px;}
.img-alb  img {width:100%;display: block;height: 100%;object-fit: cover;}
.boxes-album {position:relative;}
.swiper-album {position:relative;z-index: 1;}
.name-alb {position:absolute;background:#404040cc;color:#fff;left: 0;right: 0;bottom: 0;z-index: 2;text-transform: uppercase;padding: 10px 10px;font-size: 15px;}
.list-member {position:relative;display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(3,minmax(0,1fr));column-gap: 40px;row-gap: 40px;margin-top: 40px;}
.member {overflow:hidden;text-align: center;position: relative;border-radius: 15px;}
.img-mem {height: 450px;overflow: hidden;}
.img-mem img {height:100%;width:100%;object-fit: cover;display: block;transition: 0.5s;}
.member a {display:block;text-decoration: none;}
.info-mem {overflow:hidden;color: #fff;position: absolute;left: 0;right: 0;bottom: 0;background: #e4002bb8;padding: 15px 10px;transition: 0.5s;box-sizing: border-box;}
.name-mem {font-size: 19px;color: #fff;font-weight: bold;margin-top: 0;}
.job {font-size: 17px;margin-top: 6px;}
.company {overflow: hidden;transition: 0.5s;margin-top: 17px;}
.company h3 {font-size:36px;color: #feb329;font-family: ab;margin: auto;text-shadow: 1px 2px #000;}
.company h4 {font-size: 17px;font-weight: bold;color: #fff;margin: auto;margin-top: 4px;text-transform: uppercase;}
.member:hover .img-mem img {transform:scale(1.1)}
.member:hover .company {display:block;height:auto;}
.member:hover .info-mem {height:auto;}
.mr10 {margin-right:10px}
.personal-mem {float:left;width: 25%;text-align: center;}
.avatar {width:100px;height:100px;border-radius: 50%;overflow: hidden;margin: auto;}
.avatar img {width:100%;height:100%;object-fit: cover;}
.box {display:block;border: 1px solid #00000014;background-color: #FFFFFF;padding: 24px;}
.tit-mb {text-align:left;font-family: 'rm';text-transform: uppercase;margin-bottom: 10px;font-size: 18px;}
.company-mem {width: 72%;float:right;}
.fullname {font-size: 16px;color: #424242;line-height: 24px;margin-bottom: 4px;font-family: 'rm';margin-top: 10px;}
.job-mb {color: #757575;font-size: 14px;line-height: 18px;margin: 0 0 8px;}
.box p {margin: 15px 0;overflow:hidden;display:block;}
.box p:first-child {margin-top:0}
.box label {width: 30%;float:left;float: left;font-weight: normal;color: #757575;position: relative;}
.box span {width: 70%;float:right;font-size: 14px;/* line-height: 20px; */}
.box i {margin-right:10px;}
.about-mem {padding-top:20px;border-top:1px solid #d9d9d9;margin-top: 20px;}
.box .about-mem p {margin:auto;}
.regis {display:flex;overflow:hidden;text-align:center;width: 100%;margin-top: 40px;}
.regis a {display:block;width: 50%;height: 40px;line-height: 40px;display: inline-block;background-color: #e4002b;color: #FFF;text-transform: uppercase;font-size: 14px;font-weight: normal;padding: 0 20px;border-radius: 20px;border: none;text-decoration: none;margin: 0 20px;}
.regis a i {margin-right:10px}

.commit {overflow:hidden;height:127px;z-index: 2;background: #fffc;}
.commit .container {}
.commit ul {/* display:flex; */text-align: center;padding: 0;margin: auto;}
.commit li {list-style: none;text-align: left;margin-top: 32px;display: inline-block;}
.commit li:nth-child(n+2) {margin-left: 13px;}
.img-com {width: 60px;height: 60px;float:left;margin-right: 10px;background-position: center center;background-repeat: no-repeat;border-radius: 50%;}
.img-com img {width:100%;height:100%;display:block;object-fit: cover;}
.contain-com {overflow: hidden;}
.contain-com span {font-family: 'quickb';font-size: 23px;color: #51bf0f;display: block;margin-top: 8px;}
.contain-com p {color:#595959;font-size: 16px;margin: auto;}

.library {display:block;overflow:hidden;background-image: url('/Design/bg-library.jpg');background-repeat: no-repeat;background-size: cover;padding: 50px 0 40px;background-attachment: fixed;}
.library ul {padding:0;margin:auto;display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(4,minmax(0,1fr));column-gap: 15px;row-gap: 15px;margin-top: 35px;}
.library li {list-style:none;height: 182px;border-radius: 20px;overflow: hidden;position: relative;}
.library li img {width:100%;height:100%;display:block;object-fit: cover;}
.library a {display:block;height:100%;}
.library .tit {color:#fff;}
.library .tit:before {background:#fff;}
.detail-button {display:block;overflow:hidden;text-align:center;margin-top:35px;margin-bottom:0}
.detail-button a {color:#fff;background:#e61b2b;display:inline-block;text-decoration:none;padding: 10px 20px;border-radius: 34px;}
.pb-40 {padding-bottom:40px}
.library.inner-page {background-attachment: fixed;}
.library span {position:absolute;bottom:0;left: 0;right: 0;text-align: center;background: #00000073;color: #fff;padding: 7px 10px;font-family: ab;text-transform: uppercase;font-size: 18px;}
.boxes .library ul {grid-template-columns: repeat(1,minmax(0,1fr));margin: 0;}
.boxes .library {padding:0;background: none;}
.boxes .library li {height:auto;}


.page-404 {text-align:center;}
.page-404 h1 {font-size:150px;margin: auto;}
.page-404  h2 {}
.page-404  h3 {
    font-weight: normal;
}
.a-404 {
    display: block;
    text-align: center;
    margin-top: 70px;
}
.a-404 a {
    background-image: linear-gradient(#eb472b, #e4002b);
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    text-decoration: none;
    margin: 5px;
    display: inline-block;
}
.a-404 a i {
    margin-left: 10px;
}

.title-menu {
    text-align: center;
    font-family: ble;
    font-size: 55px;
    /* text-transform: uppercase; */
    color: #e50a2b;
    font-weight: bold;
}
.list-menu {
    overflow: hidden;
}
.list-menu ul {
    padding: 0;
    list-style: none;
    margin: auto;
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(3,minmax(0,1fr));
    column-gap: 15px;
    row-gap: 15px;
    margin-top: 35px;
}
.list-menu li {
    display: block;
    overflow: hidden;
    margin: auto;
    padding: 10px;
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
    width: 100%;
}
.list-menu li:nth-child(n+2) {
	margin-top: 0;
	}
.list-menu li:nth-child(2n+2) .left-menu {
    /* float: right; */
}
.list-menu li:nth-child(2n+2) .right-menu {
    /* float: left; */
}
.left-menu {
    width: 100%;
    /* float: left; */
    height: 272px;
}
.left-menu img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.right-menu {
    width: 100%;
    /* float: right; */
    margin-top: 7px;
}
.tit-menu {
    background: red;
    background-image: linear-gradient(#e4002b, #eb472b);
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: 'ab';
}
.list-child-menu {
    margin-top: 20px;
}
.li-item-menu {
    display: block;
}
.li-item-menu a {
    text-decoration: none;
    display: block;
    color: #000;
    font-family: 'ab';
    margin-bottom: 5px;
    padding: 5px 0;
}
.pnrate {
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    padding: 60px 0;
width: 38%;float: right;position: absolute;top: 0;right: 0;bottom: 0;background-image: url('/Design/bg-rate.png');}
.pnrate .tit {
    color: #fff;
    text-shadow: 1px 2px #000;
text-align: center;}
.pnrate .tit a {background-image: url(/Design/before-tit-w.png);}
.pnrate .tit:before {
    color: #fff;
    background: #fff;
}
.list-rate {
    overflow: hidden;
    padding: 0;
    /* background: #feb329de; */
    /* border-radius: 190px; */
    margin-top: 35px;
}
.li-rate {
    text-align: center;
    /* padding: 10px; */
}
.li-rate a {
    text-decoration: none;
    padding: 10px 40px;
    border-radius: 0;
    height: 100%;
    display: block;
    margin-top: 0;
}
.avatar-rate {
    width: 142px;
    height: 142px;
    margin: auto;
    border-radius: 50%;
    
    overflow: hidden;
border: 3px solid #fff;}
.content-rate  {
    padding: 0 50px;
    /* background: #ffffffeb; */
    padding: 0;
    padding-top: 10px;
    border-radius: 16px;
}
.content-rate h3 {
    font-size: 22px;
    color: #ffeb3b;
    margin-bottom: 5px;
font-family: 'quicksb';}
.content-rate span {font-size: 17px;color: #ffffff;}
.content-rate p {
    margin: auto;
    color: #ffffff;
    margin-top: 20px;
    font-size: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.swiper-notification {display:none;}
.swiper-rate {text-align:center;margin-top: 20px;}
.content-comment input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #90949c;}
.content-comment input::-moz-placeholder { /* Firefox 19+ */color: #90949c;}
.content-comment input:-ms-input-placeholder { /* IE 10+ */color: #90949c;}
.content-comment input:-moz-placeholder { /* Firefox 18- */color: #90949c;}

.content-comment textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #90949c;}
.content-comment textarea::-moz-placeholder { /* Firefox 19+ */color: #90949c;}
.content-comment textarea:-ms-input-placeholder { /* IE 10+ */color: #90949c;}
.content-comment textarea:-moz-placeholder { /* Firefox 18- */color: #90949c;}
.box-comment .tit h3 {color: #093;padding: 8px 15px;font-size: 20px;width: 100%;background: #ebedf0;}
.box-comment .tit:before {content:"";position:absolute;left: 0;width: 100px;height: 3px;background:#009933;bottom: 0px;z-index: 1;}
.box-comment .tit {/* overflow: inherit; *//* float: left; */padding-bottom: 3px;}
.tomtat-bl {font-size:15px;color:#666;margin-bottom:20px}
.box-answer {width:100%;float:left;}
.list-rating {overflow:hidden;margin-top:40px;width: 80%;margin: auto;margin-top: 30px;box-shadow: 1px 2px 5px #000;padding: 50px 35px;box-sizing: border-box;border-radius: 10px;}
.li-answer {overflow:hidden;border: 1px solid #bdbdbd;padding: 10px;}
.li-answer:nth-child(n+2) {margin-top: 40px;}
.customer {overflow:hidden;position: relative;}
.admin {    margin-top: 10px;background: #f8f8f8;border: 1px solid #e4e1e3;padding: 10px;position: relative;}
.admin:before {bottom: 100%;left: 20px;top: -20px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;border-color: transparent;border-bottom-color: #e4e1e3;border-width: 10px;margin-left: -9px;}
.icon-name {width:40px;height:40px;float:left;text-align:center;margin-right: 15px;background: #ebe9eb;display: block;text-align: center;line-height: 40px;text-transform: uppercase;}
.icon-name img {width:100%;height:100%;object-fit: cover;}
.icon-name {border-radius:50%;}
.content-answer {overflow:hidden;}
.name-cus {display:inline-block;margin-right: 10px;}
.phone-cus {display:inline-block;font-size: 12px;line-height: 27px;color: #777;}
.content-cus {display:block;line-height: 20px;white-space: pre-wrap;width: 100%;text-align: justify;margin-top: 10px;color: #666;margin-bottom: 10px;}
.start {position:absolute;right:0;top:0;color:#fe9727}
.like {display:inline-block;font-size: 12px;line-height: 27px;color: #777;margin-right: 20px;}
.like i {margin-right:5px;}
.date-cus {display:inline-block;font-size: 12px;line-height: 27px;color: #777;}
.admin:after {bottom: 100%;left: 21px;top: -18px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;border-color: transparent;border-bottom-color: #f8f8f8;border-width: 9px;margin-left: -9px;}
.bolb-cus {display:inline-block;background-color: #e4002b;font-size: 12px;padding: 1px 14px 3px;border-radius: 7px;color: #fff;}
.mini-banner {margin-bottom:15px;}
.mini-banner img {width:100%;display:block;}
.swiper-pagination-bullet {background:#cfcfcf;width: 15px;height: 15px;margin: 0 3px;}
.swiper-pagination-bullet-active,.swiper-pagination-bullet:hover {background:#ffa610;opacity: 1;}
.banner-default {display:block;overflow:hidden;}
.banner-default img {width:100%;display:block;}
.list-news {overflow:hidden;margin-top: 28px;}
.news1 {width: 51%;float:left;overflow: hidden;}
.news1-image {height:228px;overflow: hidden;display: block;position: relative;}
.news1-name {overflow:hidden;margin-top: 12px;}
.news1-name a {display:block;font-family: 'quickb';font-size: 18px;color: #202020;text-decoration: none;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news1-name span {font-size: 16px;color: #686868;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;}
.detail-pro-page.news1-detail {text-align:left;margin-top: 15px;}
.take-news {width: 46%;float:right;}
.newsnth {display:block;overflow: hidden;}
.newsnth:nth-child(n+2) {margin-top:18px;}
.newsnth-image {width:112px;height:86px;float:left;margin-right:10px;overflow:hidden;position: relative;}
.list-news img {width:100%;height:100%;display:block;object-fit: cover;transition: 0.5s;}
.newsnth-name {overflow:hidden;}
.newsnth-name a {display:block;color: #202020;font-family: quickb;font-size: 16px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.newsnth-name span {display:block;font-size: 14px;color: #686868;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 8px;}
.news1:hover img,.newsnth:hover img{transform:scale(1.1)}
.news1 .news1-image a:before, .newsnth .newsnth-image a:before  {content:""; transition: 0.5s;position: absolute;left: -4px;right: -4px;bottom: -4px;top: -4px;border: 4px solid #22ae4b;opacity: 0;z-index: 2;}
.news1:hover .news1-image a:before, 
.newsnth:hover .newsnth-image a:before  {left:0;right:0;top:0;bottom:0;opacity:1;}
.news1 .news1-image a, .newsnth .newsnth-image a {position:relative;height:100%;display:block;}
.modal-notification {position:fixed;z-index:999999;background: #000000b5;left: 50%;top: 50%;padding: 30px;text-align: center;display: none;transform: translate(-50%, 0px);}
.modal-notification i {font-size: 52px;color: #7eff67;}
.modal-notification span {display:block;color: #fff;margin-top: 5px;}
.close-modal {position:fixed;z-index: 9;left:0;right:0;bottom:0;top:0}



.poregiohang {position:relative;width:100%;height:100%;float:left}
.titthanhtoan {width:100%;text-align:center;float:left;margin-top:50px;margin-bottom:30px;font-family:atenalight;font-size:38px;text-transform:uppercase;font-weight:bold;color:  white;}
.bgthanhtoan {background-image: url('/Design/bg_cart1.jpg');background-size:cover;background-attachment:fixed;}
.leftthanhtoan {width: 52%;float: left;}
.centerthanhtoan {width: 37%;float:left;margin-left:2%;}
.rightthanhtoan {width: 45%;float: right;}
.thongtinthanhtoans {background-color: #ffffff;width:100%;float:left;padding:20px 2%;width:96%;border-radius: 3px;}
.titgiaohang {width:100%;float:left;font-size:18px;text-transform:uppercase;
color: #064b90;margin-bottom:20px;font-family: quickb;}
.thongtindh {width: 96%;float:left;list-style:none;border: 1px solid #b3b3b3;padding: 10px 2%;border-radius: 4px;}
.thongtindh ul {width:100%;float:left;padding:0;list-style:none}
.thongtindh li {width:100%;float:left;border-bottom: 1px solid #b3b3b3;padding: 5px 0;}
.namett {width:100%;float:left;font-size:14px;color:#000000;margin-bottom: 10px;}
.thumb-item-cart {float:left;height: 25px;margin-right: 5px;}
.pricett {font-size:13px;text-align:right}
.tamtinh {width:100%;float:left;text-align:left;border-bottom: 1px solid #b3b3b3;padding: 10px 0;}
.tamtinh p {width:40%;float:left;margin:auto;font-weight:bold;font-size:15px}
.tamtinh p:nth-child(2) {width:60%;text-align:right}
.phivanchuyen {width:100%;float:left;font-size:15px;border-bottom: 1px solid #b3b3b3;padding: 10px 0;}
.tongcongtt {width: 96%;float:left;text-align:left;/* border-bottom:1px solid #ededed */padding: 10px 2%;background-color: #ffa610;color:  white;border-radius: 4px;margin-top: 20px;margin-bottom: 10px;}
.tongcongtt p {width:40%;float:left;margin:auto;font-weight:bold;font-size:15px}
.tongcongtt p:nth-child(2) {width:60%;text-align:right}
.fulltextbox {width:100%;float:left;}
.textmin {width:100%;float:left;margin-bottom:10px;position: relative;}
.textmin .warning {position:absolute;right: 10px;top: 13px;}
.textmin input {width: 100%;font-size:14px;color:black;padding: 15px 15px;border-radius:3px;outline:none;border: 1px solid #b3b3b3;box-sizing: border-box;}
.textmin textarea {height:70px;width: 100%;border: 1px solid #b3b3b3;border-radius:4px;padding: 10px 15px;outline: none;box-sizing: border-box;}
.tbthanhtoan {width:100%;float:left}
.textmin .tbthanhtoan  input {float:left;width:auto;margin:auto;margin-top:  5px;margin-right: 5px;}
.tbthanhtoan label {float:left;margin:auto;}
.lbthongtinnganhang {display:none;width:100%;float:left}
.lbthongtinnganhang * {font-family:atenalight !important;max-width:100% !important;color:  black !important;font-weight:  bold;margin: auto;}
.xemttnh {display:block}
.btthanhtoann {width:100%;float:left;}
.btthanhtoann input {width:100%;outline:none;text-align:center;float:left;background-color: #064b90;color:white;border:none;font-size:18px;padding: 20px 0;text-transform:uppercase;cursor:pointer;}
.mb0 {margin-bottom:0}